<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <f:view>
                <h:form id="formMovCtaBancaria">

                    <p:panel header="#{message['movctabancaria.formulario.panel.titulo']}" style="width:100%; margin:10px auto;">

                        <p:panelGrid style="width:100%;margin: 10px auto;"> 
                            <p:row> 
                                <p:column style="width: 180px">
                                    <h:outputText id="lblCuentaBancariaSalida" value="CUENTA BANCARIA SALIDA(*):" styleClass="lblForm" />
                                </p:column>
                                <p:column style="width: 300px">	
                                    <p:selectOneMenu id="cbxCuentaBancariaSalida" value="#{BKMovCtaBancaria.formularioMovCtaBancaria.idCuentaBancaria.id}"
                                                     style="width: 300px">
                                        <f:selectItems value="#{BKMovCtaBancaria.listaCuentaBancaria}"/>	
                                        <f:validator validatorId="selectOneMenuFormularioValidator" />
                                        <p:ajax event="change" listener="#{MBMovimientoCuentaBancaria.seleccionarCuentaBancaria}" process="@this"
                                                update="txtTipoMonedaSalida,cbxCuentaBancariaEntrada" />
                                    </p:selectOneMenu> 
                                    <p:message for="cbxCuentaBancariaSalida" display="text"/>
                                </p:column>
                                <p:column style="width: 160px">
                                    <h:outputText id="lblTipoMonedaSalida" value="MONEDA SALIDA: " styleClass="lblForm" />
                                </p:column>
                                <p:column>	
                                    <h:outputText id="txtTipoMonedaSalida" value="#{BKMovCtaBancaria.formularioMovCtaBancaria.idCuentaBancaria.idTipoMoneda.nombre}" /> 
                                    <p:message for="txtTipoMonedaSalida" display="text"/>
                                </p:column>
                            </p:row>   

                            <p:row> 
                                <p:column style="width: 180px">
                                    <h:outputText id="lblCuentaBancariaEntrada" value="CUENTA BANCARIA ENTRADA(*):" styleClass="lblForm" />
                                </p:column>
                                <p:column style="width: 300px">	
                                    <p:selectOneMenu id="cbxCuentaBancariaEntrada" value="#{BKMovCtaBancaria.cuentaEntrada.id}"
                                                     style="width: 300px" disabled="#{BKMovCtaBancaria.formularioMovCtaBancaria.idCuentaBancaria.idTipoMoneda eq null}">
                                        <f:selectItems value="#{BKMovCtaBancaria.listaCuentaBancaria}"/>	
                                        <f:validator validatorId="selectOneMenuFormularioValidator" />
                                        <p:ajax event="change" listener="#{MBMovimientoCuentaBancaria.seleccionarCuentaBancariaEntrada}" process="@this"
                                                update="txtTipoMonedaEntrada,txtTipoCambio,cbxCuentaBancariaEntrada" />
                                    </p:selectOneMenu> 
                                    <p:message for="cbxCuentaBancariaEntrada" display="text"/>
                                </p:column>

                                <p:column style="width: 160px">
                                    <h:outputText id="lblTipoMonedaEntrada" value="MONEDA ENTRADA: " styleClass="lblForm" />
                                </p:column>
                                <p:column>	
                                    <h:outputText id="txtTipoMonedaEntrada" value="#{BKMovCtaBancaria.cuentaEntrada.idTipoMoneda.nombre}" /> 
                                    <p:message for="lblTipoMonedaEntrada" display="text"/>
                                </p:column>
                            </p:row>   

                            <p:row> 
                                <p:column>
                                    <h:outputText id="lblFormCtaBancaria_Monto" value="#{message['movctabancaria.formulario.monto']}(*)" styleClass="lblForm" />
                                </p:column>
                                <p:column >
                                    <p:inputText id="txtFormCtaBancaria_Monto" value="#{BKMovCtaBancaria.formularioMovCtaBancaria.monto}" 
                                                 required="true" validatorMessage="El valor debe ser mayor a 0">
                                        <f:validateDoubleRange minimum="0.01" />
                                    </p:inputText>	
                                    <p:message for="txtFormCtaBancaria_Monto" display="text"/>
                                </p:column>

                                <p:column>
                                    <h:outputText id="lblTipoCambio" value="TIPO DE CAMBIO(*)" styleClass="lblForm" />
                                </p:column>
                                <p:column >
                                    <p:inputText id="txtTipoCambio" value="#{BKMovCtaBancaria.formularioMovCtaBancaria.tipoCambio}" 
                                                 required="true" validatorMessage="El valor debe ser mayor a 0"
                                                 disabled="#{BKMovCtaBancaria.habilitarTC?false:true}">
                                        <f:validateDoubleRange minimum="0.01"/>
                                    </p:inputText>	
                                    <p:message for="txtTipoCambio" display="text"/>
                                </p:column>

                            </p:row>    

                            <p:row> 
                                <p:column>
                                    <h:outputText id="lblFormCtaBancaria_Motivo" value="#{message['movctabancaria.formulario.motivo']}(*)" styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <p:inputText value="#{BKMovCtaBancaria.formularioMovCtaBancaria.motivo}" style="width: 100%" required="true" 
                                                     id="txtFormCtaBancaria_Motivo" onkeyup="cambiarMayuscula(this)"/>
                                    <p:message for="txtFormCtaBancaria_Motivo" display="text"/>
                                </p:column>
                                <p:column>
                                    <h:outputLabel id="lblFormCtaBancaria_FechaEmision" value="FECHA DE EMISIÓN(*)" styleClass="lblForm" />
                                </p:column>                                    
                                <p:column>
                                    <p:calendar id="cldFormCtaBancaria_FechaEmision" locale="es" size="19"
                                                value="#{BKMovCtaBancaria.formularioMovCtaBancaria.fechaMovimiento}" 
                                                showButtonPanel="true" navigator="true" pattern="dd/MM/yyyy"
                                                required="true"  showOn="button" /> 
                                    <p:message for="cldFormCtaBancaria_FechaEmision" display="text"/>
                                </p:column> 
                            </p:row>    

                            <p:row>
                                <p:column>
                                    <h:outputText id="lblFormCtaBancaria_Desc" value="DESCRIPCIÓN" styleClass="lblForm" />
                                </p:column>
                                <p:column colspan="3">
                                    <p:inputTextarea value="#{BKMovCtaBancaria.formularioMovCtaBancaria.descripcion}" rows="3" style="width: 100%"  
                                                     id="txtFormCtaBancaria_Desc"/>
                                    <p:message for="txtFormCtaBancaria_Desc" display="text"/>
                                </p:column>
                            </p:row> 
                            <p:row rendered="false"> 
                                <p:column>
                                    <h:outputText id="lblFormCtaBancaria_Estado" value="#{message['movctabancaria.formulario.estado']}(*)" styleClass="lblForm" />
                                </p:column>
                                <p:column >
                                    <h:outputText value="#{BKMovCtaBancaria.formularioMovCtaBancaria.descEstadoMovimiento}"/>
                                </p:column>
                            </p:row>    

                        </p:panelGrid>
                        <h:panelGrid columns="2" cellpadding="10">
                            <p:commandButton id="btnGuardar" action="#{BKMovCtaBancaria.comando.aceptar()}"
                                             ajax="false" value="#{BKMovCtaBancaria.comando.nombre}"/>
                            <p:commandButton action="#{MBMovimientoCuentaBancaria.cancelar()}" id="btnCancelar"
                                             ajax="false" value="#{message['general.button.cancelar']}" immediate="true" />
                        </h:panelGrid>
                        <h:panelGrid styleClass="mensaje_obligatorio">(*) Campos Requeridos</h:panelGrid>
                    </p:panel>
                </h:form>
            </f:view>
        </ui:define>
    </ui:composition>    
</html>  
